<template>
<div class="hello">

    <div class="m-layout-table">

        <div class="m-layout-table-search">
            
        </div>

        <div class="m-layout-table-tool">

        </div>

        <div class="m-layout-table-content">
            <el-table :data="tableData" border style="width: 100%">
              <el-table-column prop="column_name" label="字段名">
                </el-table-column>
                <el-table-column prop="column_type" label="字段类型">
                </el-table-column>
                <el-table-column prop="is_nullable" label="是否可空">
                </el-table-column>
                <el-table-column prop="column_comment" label="备注">
                </el-table-column>
            </el-table>
        </div>

    </div>

</div>
</template>

<script>
import { getTableColumList } from "@/service/db.js";

export default {
  name: "TableColumList",
  data() {
    return {
      tableData: [],
      dbList: [
        {
          table_schema: "community"
        }
      ]
    };
  },
  computed: {},
  created() {
    var table_name = this.$route.query.table_name;
    var that = this;
    getTableColumList({
      table_name: table_name
    }).then(res => {
      that.tableData = res.data;
      console.log(res, "=========dbList========");
    });
  }
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->

<style scoped>
</style>
